<section id="engage">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Aprenda a engajar seus consumidores<br /><strong>com nossos materiais gratuitos</strong>
			</h1>
			<hr />			
		</div>
	</div>
	<div class="col-lg-6 col-md-6 col-md-offset-3 col-lg-offset-3 text-center box-newsletter">
		<h4>Deixe seu e-mail para receber em primeira mão as novidades</h4>
		<div class="form-group">
			<div class="row">
				<div class="col-lg-6 col-md-6">			
			    	<input type="text" class="form-control" placeholder="Nome completo">
			    </div>
			    <div class="col-lg-6 col-md-6">		
			    	<input type="email" class="form-control" placeholder="E-mail">
			    </div>	
			</div>    
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12">	
				<button type="button" class="btn btn-primary btn-lg btn-block bg-color">Cadastrar</button>
			</div>
		</div>		
	</div>
</section>
<section id="posts">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 col-md-5 books col-lg-offset-1 col-md-offset-1">
				<div class="row">
					<div class="col-lg-3 col-md-3">
						<img src="assets/images/livro01.png" />
					</div>	
					<div class="col-lg-9 col-md-9">
						<a href="http://materiais.dito.com.br/aumente-sua-conversao-de-cadastro-usando-as-redes-sociais" target="_blank" style="color: #555555; text-decoration: none;"><h4><strong>Aumente sua conversão de<br/>cadastros usando as Redes Sociais</strong></h4>
						<p>Estudo realizado pela Dito Internet aponta que os gargalos na conversão de usuários são causados pelos formulários de cadastro.</p></a>
					</div>
				</div>
				<br />
				<div class="row">
					<div class="col-lg-3 col-md-3">
						<img src="assets/images/livro02.png" />
					</div>	
					<div class="col-lg-9 col-md-9">
						<h4><strong>Em breve</strong></h4>
						<p>Em breve lançaremos um novo livro<br />para auxiliar você a ter melhores resultados.</p>
					</div>
				</div>	
				<!-- <div class="row">
					<div class="col-lg-5 col-md-5">
						<h5>Veja todos&nbsp;&nbsp;<img src="assets/images/arrowconhecagreen.png" /></h5>
					</div>
				</div>	-->
			</div>
			<div class="col-lg-6 col-md-6 posts">
				<h3>Top posts blog</h3>
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog1.jpg" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/11/5-dicas-para-sua-loja-online-vender-mais-apos-a-black-friday/" target="_blank"><p style="color: #555555; text-decoration: none;">5 dicas para sua loja online vender mais após a Black Friday</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog2.jpg" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/09/4-campanhas-de-email-fatais-para-aumentar-o-trafego-e-conversao-seu-site/" target="_blank"><p style="color: #555555; text-decoration: none;">4 campanhas de email fatais para aumentar o tráfego e a conversão no seu site</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />	
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog3.jpg" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/09/5-vantagens-dito-sobre-google-analytics/" target="_blank"><p style="color: #555555; text-decoration: none;">Como ir além do Google Analytics para entender sua audiência online?</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<br />
				<div class="row">
					<div class="col-lg-2 col-md-2">
						<img src="assets/images/postblog4.jpg" />
					</div>
					<div class="col-lg-9 col-md-9">
						<a href="http://blog.dito.com.br/2014/08/9-formas-simples-de-segmentar-sua-base-de-dados-sobre-clientes/" target="_blank"><p style="color: #555555; text-decoration: none;">9 formas simples para você segmentar sua base de clientes</p></a>
						<hr />
						<!-- <img src="assets/images/iconblog_comment.png" />&nbsp;4
						&nbsp;|&nbsp;
						<img src="assets/images/iconblog_like.png" />&nbsp;40 -->
					</div>	
				</div>
				<div class="row">
					<div class="col-lg-5 col-md-5">
						<a href="http://blog.dito.com.br"><h5 style="color: #555555; text-decoration: none;">Veja mais&nbsp;&nbsp;<img src="assets/images/arrowconhecagreen.png" /></h5></a>
					</div>
				</div>	
			</div>
		</div>
	</div>	
</section>